@mixin btn_plain($bg_color,$color) {
  background: $bg_color;
  color: $color;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28rpx;
  &:active {
    background: darken($bg_color, 10%);
    color: darken($color, 18%);
  }
  &:disabled {
    background: lighten($bg_color, 10%);
    color: lighten($color, 40%);
  }
  @content;
}

@mixin btn_plain_line($bg_color,$color,$line) {
  background: $bg_color;
  color: $color;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30rpx;
  font-size: 28rpx;
  &:active {
    background: darken($line, 10%);
    color: lighten($color, 18%);
  }
  &:disabled {
    background: lighten($line, 10%);
    color: lighten($color, 40%);
  }
  @content;
}
